<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Luckysheet示例</title>
    <!-- 引入Luckysheet CSS -->
    <link rel='stylesheet' href='plugins/css/pluginsCss.css' />
    <link rel='stylesheet' href='plugins/plugins.css' />
    <link rel='stylesheet' href='css/luckysheet.css' />
    <link rel='stylesheet' href='assets/iconfont/iconfont.css' />
    <script src="plugins/js/plugin.js"></script>
    <script src="luckysheet.umd.js"></script>
</head>
<body>

<div id="luckysheet" style="margin:0px;padding:0px;position:absolute;width:100%;height:100%;left: 0px;top: 0px;"></div>
<script>
    $(function () {
        //配置项
        var options = {
            container: 'luckysheet',
            lang: 'zh',
            title: '测试表格', // 设定表格名称
            gridKey:"1079500#-8803#7c45f52b7d01486d88bc53cb17dcd2c3",
            allowUpdate: true,
            updateUrl   : "ws://localhost:9004/luckysheet/websocket/luckysheet",
            loadSheetUrl: "http://localhost:9004/luckysheet/api/loadsheet",
            loadUrl     : "http://localhost:9004/luckysheet/api/load"
        }

        console.log(JSON.stringify(options))
        luckysheet.create(options)
    })
</script>

</body>
</html>